h1 {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
h2 {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
h3 {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
h4 {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
h5 {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
h6 {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
p {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
ul {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
ol {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
li {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
form {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
img {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
dl {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
dt {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
dd {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
table {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
th {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
td {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
blockquote {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
fieldset {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
div {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
strong {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
label {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
em {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
ul {
	list-style: none;
}
ol {
	list-style: none;
}
li {
	list-style: none;
}
input {
	margin: 0px; font-size: 12px; vertical-align: middle;
}
button {
	margin: 0px; font-size: 12px; vertical-align: middle;
}
body {
	margin: 0px auto; text-align: center; color: rgb(51, 51, 51); font-family: Arial, Helvetica, sans-serif; font-size: 12px;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
a {
	color: rgb(51, 51, 51); text-decoration: none;
}
a:hover {
	text-decoration: none;
}
.row-content {
	margin: 10px auto; width: 800px; text-align: left; clear: both;
}
.cloud.showcase {
	height: 400px; position: relative;
}
.cloud.showcase .container {
	width: 800px; height: 400px; overflow: hidden; position: relative;
}
.cloud.showcase .slide {
	left: 0px; top: 0px; width: 800px; height: 400px; position: absolute; z-index: 0;
}
.cloud.showcase .slide .content-main-visual {
	width: 619px; height: 364px; overflow: hidden; position: relative;
}
.cloud.showcase .slide .content-main-visual a {
	left: 0px; top: 0px; width: 619px; height: 364px; overflow: hidden; display: none; position: absolute; z-index: 0;
}
.cloud.showcase .slide .content-main-visual a.pc {
	display: block;
}
.cloud.showcase .slide .content-main-visual a.tablet {
	display: none;
}
.cloud.showcase .slide .content-main-visual a.smartphone {
	display: none;
}
.cloud.showcase .slide .content-main-visual a img {
	width: 619px; height: 364px;
}
.cloud.showcase .slide .content-main-feature {
	left: 619px; top: 0px; width: 180px; height: 366px; position: absolute;
}
.cloud.showcase .slide .content-main-feature .feature {
	width: 180px; height: 91px; text-align: center; overflow: hidden; position: relative;
}
.cloud.showcase .slide .content-main-feature .feature a {
	width: 180px; height: 91px; color: rgb(0, 0, 0); padding-top: 0px; display: block; filter: alpha(opacity=40); position: relative; opacity: 0.4; background-image: none;
}
.cloud.showcase .slide .content-main-feature .feature a:hover {
	background-image: none;
}
.cloud.showcase .slide .content-main-feature .feature a:hover {
	filter: alpha(opacity=100); opacity: 1;
}
.cloud.showcase .slide .content-main-feature .feature a.current {
	
}
.cloud.showcase .slide .content-main-feature .feature a img {
	margin: 0px auto; left: 18px; top: 18px; width: 56px; height: 57px; position: absolute;
}
.cloud.showcase .slide .content-main-feature .feature a img.tablet {
	display: none;
}
.cloud.showcase .slide .content-main-feature .feature a img.mobile {
	display: none;
}
.cloud.showcase .slide .content-main-feature .feature a span {
	padding: 0px; left: 92px; top: 32px; width: 70px; height: auto; text-align: left; color: rgb(255, 255, 255); font-size: 15px; display: block; position: absolute;
}
.cloud.showcase .slide .content-main-feature .azure {
	background-color: transparent;
}
.cloud.showcase .slide .content-main-feature .brick {
	background-color: transparent;
}
.cloud.showcase .slide .content-main-feature .gray {
	background-color: transparent;
}
.cloud.showcase .slide .content-main-feature .green {
	background-color: transparent;
}
.cloud.showcase .slide .content-main-feature .dark-azure {
	background-color: rgb(0, 136, 196);
}
.cloud.showcase .slide .content-main-feature .dark-brick {
	background-color: rgb(111, 11, 1);
}
.cloud.showcase .slide .content-main-feature .dark-gray {
	background-color: rgb(39, 39, 39);
}
.cloud.showcase .slide .content-main-feature .dark-green {
	background-color: rgb(48, 137, 0);
}
.cloud.showcase .slide .content-main-feature .azure a {
	background-color: rgb(73, 184, 218);
}
.cloud.showcase .slide .content-main-feature .brick a {
	background-color: rgb(168, 53, 19);
}
.cloud.showcase .slide .content-main-feature .gray a {
	background-color: rgb(100, 100, 100);
}
.cloud.showcase .slide .content-main-feature .green a {
	background-color: rgb(133, 187, 35);
}
.cloud.showcase .slide .content-main-feature .azure a:hover {
	color: rgb(255, 255, 255); background-color: rgb(117, 195, 239);
}
.cloud.showcase .slide .content-main-feature .azure a.current {
	color: rgb(255, 255, 255); background-color: rgb(117, 195, 239);
}
.cloud.showcase .slide .content-main-feature .azure a:hover span {
	color: rgb(255, 255, 255); background-color: rgb(117, 195, 239);
}
.cloud.showcase .slide .content-main-feature .azure a.current span {
	color: rgb(255, 255, 255); background-color: rgb(117, 195, 239);
}
.cloud.showcase .slide .content-main-feature .brick a:hover {
	color: rgb(255, 255, 255); background-color: rgb(168, 53, 19);
}
.cloud.showcase .slide .content-main-feature .brick a.current {
	color: rgb(255, 255, 255); background-color: rgb(168, 53, 19);
}
.cloud.showcase .slide .content-main-feature .brick a:hover span {
	color: rgb(255, 255, 255); background-color: rgb(168, 53, 19);
}
.cloud.showcase .slide .content-main-feature .brick a.current span {
	color: rgb(255, 255, 255); background-color: rgb(168, 53, 19);
}
.cloud.showcase .slide .content-main-feature .gray a:hover {
	color: rgb(255, 255, 255); background-color: rgb(100, 100, 100);
}
.cloud.showcase .slide .content-main-feature .gray a.current {
	color: rgb(255, 255, 255); background-color: rgb(100, 100, 100);
}
.cloud.showcase .slide .content-main-feature .gray a:hover span {
	color: rgb(255, 255, 255); background-color: rgb(100, 100, 100);
}
.cloud.showcase .slide .content-main-feature .gray a.current span {
	color: rgb(255, 255, 255); background-color: rgb(100, 100, 100);
}
.cloud.showcase .slide .content-main-feature .green a:hover {
	color: rgb(255, 255, 255); background-color: rgb(111, 187, 0);
}
.cloud.showcase .slide .content-main-feature .green a.current {
	color: rgb(255, 255, 255); background-color: rgb(111, 187, 0);
}
.cloud.showcase .slide .content-main-feature .green a:hover span {
	color: rgb(255, 255, 255); background-color: rgb(111, 187, 0);
}
.cloud.showcase .slide .content-main-feature .green a.current span {
	color: rgb(255, 255, 255); background-color: rgb(111, 187, 0);
}
.cloud.showcase .slide .content-main-feature .feature a.current {
	filter: alpha(opacity=100); opacity: 1;
}
.cloud.showcase .slide .content-main-feature .feature a .timerLine {
	left: 0px; width: 122px; height: 7px; bottom: 0px; display: none; position: absolute;
}
.cloud.showcase .slide .content-main-feature .feature a.current .timerLine {
	display: block;
}
